@charset "utf-8";

/*
Theme Name: MARUMORI CYCLE PROJECT V2
Theme URI: https://marumori-cycle.com/
Description: 募集開始直前バージョン
Version: 1.0
Author: MARUMORI CYCLE PROJECT
Author URI: https://marumori-cycle.com/
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body {
	color:#333;
	font:14px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
}
.wrapper {
	width:960px;
	margin:0 auto;
}
noscript { background:#F30; color:#fff; padding:5px 0; text-align:center; width:100%; }



/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




a { color:#5bbbea; }
a:hover { color:#85e3ff; }


.aligncenter { display:block; margin-left:auto; margin-right:auto; }
table th { width:10em; text-align:left; font-size:106.67%; font-weight:bold; margin:0 20px 0 0; padding: 10px 0 20px; border-top:1px solid #eee; }
table td { padding: 10px 0 20px; border-top:1px solid #eee; }
table td.table-spacer { width:40px; border:none; }
dl.restriction { margin-bottom:20px; }
dl.restriction dt { font-weight:bold; }
dl.restriction dd { margin-bottom:20px; }
.post-body p, .post-body ul { margin:0 0 2em 0; }
.post-body img { box-shadow:0 2px 1px rgba(0,0,0,0.3); border-radius:4px; }
.post-body a img:hover { opacity:0.75; }
.post-body dt { color:#09C; font-size:140%; border-bottom:1px dotted #eee; }
.post-body dd { padding:10px 0 30px 0; }
.post-body strong { font-weight:bold; }


/* ---------------------------------------
   BLOG
--------------------------------------- */
body { background:url(images/bg.png); }
#header { background:#5bbbea url(images/header_bg.png); height:200px; }
#header .wrapper { background:url(images/header_hilight.png) no-repeat bottom center; height:200px; position:relative; }
#social { position:absolute; top:10px; right:0;}
#title { position:absolute; top:85px; }
#nav { position:absolute; top:70px; right:0; }
#nav li { float:left; width:100px; height:100px; padding:0 0 0 10px; }
#nav li#banner { width:178px; }

#topic_path { position:relative; }
#slasher { background:url(images/topic_path_stripe_bg.png) repeat-x top center; width:100%; height:5px; position:absolute; top:0; }
#home-fb { float:left; width:309px; }
#home-tw { float:right; width:309px; }

/* スライダー */
#topic_path .leftNav, .rightNav { background:url(images/alpha.png); }

#main_field {
	background:#fff;
	border-width:0 1px 0 1px; border-style:solid; border-color:#e2e2e2;
	box-shadow:0 0 3px rgba(0,0,0,0.10);
	margin:0 auto;
	width:960px;
	position:relative;
	overflow:hidden;
}
#contents_area { position:relative; }
#countdown_top {
	background:url(images/countdown_bg.png) no-repeat center top;
	height:85px;
	position:relative;
}
#entry_banner {}
#left_banner, #right_banner { position:absolute; top:5px; }
#left_banner { left:-165px; }
#right_banner { right:-165px; }

#main_contents { padding:20px 20px 10000px 21px; margin-bottom:-10000px; float:left; width:627px; border-right:1px dashed #d5d5d5; }
#banner_area { margin:0 0 15px 0; }
.sub-header { background:#333; color:#fff; font-size:120%; padding:10px 20px; text-align:center; }
/* home */
.article_area { margin-left:-9px; padding:10px 0 15px 0; }
.post-description { width:203px; float:left; margin-bottom:15px; margin-left:9px; padding-bottom:15px; border-bottom:1px solid #eee; }
.post-description-thumbnail { width:203px; height:102px; overflow:hidden; margin-bottom:15px; background:url(images/no-image.png) no-repeat; }

/* common */
.post { margin:0 0 40px 0; }
.post-title { background:url(images/blog_title_bg.png) no-repeat top; line-height:48px; padding-left:50px; padding-right:25px; font-size:106.67%; font-weight:bold; }
.post-title a { color:#000; text-decoration:none; }
.post-title a:hover { color:#666; }
.post-body { background:url(images/blog_body_bg.png) no-repeat center top; padding:23px 0 0 0; }
.post-meta { margin-bottom:20px; }
.post-meta li { display:inline; height:18px; line-height:18px; margin-right:1.75em; padding:0 0 0 23px; }
.post-meta li.postby { background:url(images/postby.png) no-repeat left; }
.post-meta li.day { background:url(images/cal.png) no-repeat left; }
.post-thumbnail { background:url(images/no-image.png) no-repeat center center; width:203px; height:102px; overflow:hidden; border:1px dashed #d5d5d5; padding:5px; float:left; margin:0 20px 10px 0; }
.post-thumbnail img { box-shadow:none; border-radius:0; }
.post-text { overflow:auto; zoom:1; }
.post-more { padding-top:1.5em; text-align:right; }
.post-more span { background:url(images/post-more.png) no-repeat left; padding-left:23px; }
#more { padding:20px 0 0 0; clear:both; }
#side_contents { padding:20px 21px 0 20px; float:right; width:250px; }
#side_contents .widget { margin:0 0 20px 0; }
#side_contents .widget-title { margin-bottom:20px; }
#side_contents .widget .sponsor { display:block; text-align:center; background:#efefef; height:auto; margin-bottom:5px; }
#countdown { margin:0 0 40px 0; }
#footer {
	border-top:1px solid #333;
	box-shadow:0 2px 0 #808080 inset;
	background:#393939;
	padding:40px 0;
	color:#fff;
}
#footer a { color:#b9e2f4; text-decoration:none; }
#footer a:hover { color:#fff; }
#footer-widget .widget { float:left; margin:0 40px 40px 0; }
#footer-widget .widget-title { font-size:120%; margin:0 0 6px 0; }
#footer-widget li { margin:0 0 3px 0; }
#copyright { color:#999; font-size:80%; }


/* ---------------------------------------
   エントリーフォーム
--------------------------------------- */
.outliner-wrapper {
	background:#efefef;
	padding:14px;
	border:1px solid #d45d5d5;
	margin:0 0 20px 0;
}
.outliner {
	background:#fff;
	height:500px;
	overflow-y:scroll;
	padding:20px;
	margin:15px 0;
}
.outliner h1 { font-weight:bold; font-size:16px; text-align:center; margin:0 0 15px 0; }
.outliner h2 { font-weight:bold; font-size:15px; margin:0 0 15px 0; }
.outliner p { padding:0 0 15px 0; }
.outliner ol li { list-style:outside decimal; margin:15px 0 15px 2em; }
.outliner strong { font-weight:bold; }
#entry_form {
	padding:20px 0 0 0;
}
#entry_form table {
	width:100%;
	margin:0;
	padding:0;
}
#entry_form th { width:180px; padding-right:20px; text-align:right; vertical-align:middle; }
#entry_form th.full { width:100%; text-align:left; }
#entry_form th.sub-header { text-align:center; }
#entry_form .form-textarea { width:300px; height:100px; resize:vertical; }
#entry_form .submit-button { padding-left:160px; margin:0 0 20px 0; text-align:right; }
.submit-button button, .submit-button input { width:200px; height:40px; border:0; background:#333; color:#fff; cursor:pointer; }
#form-course-select .wpcf7-list-item { display:block; }
.form-zip-code { width:3em;} .form-zip-code-2 { width:4em; }
.form-text { width:200px; }
#form-birthday-mm { width:2em; } #form-birthday-dd {width:2em; }

#entry_form th, #entry_form td { padding-top:10px; padding-bottom:10px; margin-top:10px; margin-bottom:10px; }


/* ---------------------------------------
   jQuery Countdown
--------------------------------------- */
#time_left .dd, #time_left .hh, #time_left .mm { position:absolute; top:15px; }
#time_left .dd { left:295px; }
#time_left .hh { left:407px; }
#time_left .mm { left:550px; }

.hasCountdown {}
.countdown_rtl { direction: rtl; }
.countdown_holding span { color: #888; }
.countdown_row { clear: both; width: 100%; padding: 0px 2px; text-align: center; }
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%; }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_show4 .countdown_section { width: 24.5%; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.25%; }
.countdown_show7 .countdown_section { width: 14%; }
.countdown_section { display: block; float: left; font-size: 75%; text-align: center; }
.countdown_amount {	font-size: 200%; }
.countdown_descr { display: block; width: 100%;}

/* 画像の設定 */
#time_left span { display: block; float: left; width: 42px; height: 60px; background: url(images/counter.png) no-repeat 0px 0px; } 
#time_left span.image0 { background-position: -0px 0px; } 
#time_left span.image1 { background-position: -42px 0px; } 
#time_left span.image2 { background-position: -84px 0px; } 
#time_left span.image3 { background-position: -126px 0px; } 
#time_left span.image4 { background-position: -168px 0px; } 
#time_left span.image5 { background-position: -210px 0px; } 
#time_left span.image6 { background-position: -252px 0px; } 
#time_left span.image7 { background-position: -294px 0px; } 
#time_left span.image8 { background-position: -336px 0px; } 
#time_left span.image9 { background-position: -378px 0px; } 
#time_left span.imageDay { background-position: -420px 0px; } 
#time_left span.imageSep { background-position: -462px 0px; } 
#time_left span.imageSpace { background-position: -504px 0px; }



img {
	max-width:100%;
	height:auto;
	font-size:0;
	line-height:0;
	vertical-align:top;
}

.red { color:#F00; }
#legal {}
#legal h3 { font-weight:bold; margin-bottom:10px; }
#legal ul { margin-left:2em; }
#legal ul li { list-style:circle; }



.special {}

.special .post-title {
	font-size:171%;
}
.special p, .special ul {
	margin-bottom:1em;
}
.special hr {
	padding:0;
	margin:0 0 1em 0;
	border-style:solid;
	border-width:1px 0 0 0;
	border-color:#dedede;
	height:0;
	width:100%;
}
.special .attention {
	border:1px solid red;
	padding:20px;
	margin-bottom:20px;
}
.special .sub-title { font-size:114%; font-weight:bold; }
.special .strong { font-weight:bold; }

.page-id-573 .post h2 { border-left:4px solid red; padding-left:10px; font-size:24px; margin-bottom:5px; }
.page-id-573 .post p { padding-top:2em; }